<? include('header_checkout.php'); ?>

<section class="check">

    <div id="payment_insurance">

        <div class="payment">
            <h4>Calculation:</h4>
            <ul>
                <li><span class="label">900.32 €</span><span>Overnight accommodation</span></li>
                <li id="total"><span class="label">900.32 €</span><span> Total </span></li>
            </ul>
        </div>

        <div class="insurance">
            <h4>Insurance:</h4>
            <p>The quoted price does not include travel insurance and cancellation insurance. For your safety during your holidays, we would like to offer you a travel insurance package, and we also strongly recommend that you take an insurance policy in the event of a cancellation. </p>
            <br>
            <input type="checkbox"name="insurance"><label>YES - Send me an offer</label>

        </div>

    </div>

    <div class="sec">

        <div id="summary" class="secp clearfix">

            <img src="img/hotelastoria.jpg" alt="hotel astoria" width="200">

            <ul>
                <li class="section"><h4>Hotel Astoria</h4></li>
                <li>Location: <span>Budva, Montenegro</span></li>
                <li>Type of holiday home: <span>Hotel</span></li>
                <li>Number of persons: <span>adults: 2, teenagers: 0, children: 0, babies: 0</span></li>
                <li>Period: <span>13.08.2013 - 21.08.2013</span></li>
                <li class="change"><a href="javascript:">Change settings</a></li>

            </ul>

        </div><!-- /summary-->

        <div id="passenger" class="secp clearfix">

            <h4>Information on the reservation holder</h4>

            <div class="half pull-left">
                <div class="inner_prices">


                    <ul>
                        <li class="clearfix">
                            <select placeholder="Gender">
                                <option value="">Gender</option>
                                <option value="M">Male</option>
                                <option value="Z">Female</option>
                            </select>

                            <label for="service">Gender:*</label>
                        </li>
                        <li class="clearfix">
                            <input type="text" placeholder="Name">
                            <label for="service">Name:*</label>
                        </li>
                        <li class="clearfix">
                            <input type="text" placeholder="Date of birth">
                            <label for="service">Date of birth:*</label>
                        </li>
                        <li class="clearfix">
                            <input type="text" placeholder="Mobile phone">
                            <label for="service">Mobile phone:*</label>
                        </li>
                        <li class="clearfix">
                            <input type="text" placeholder="City">
                            <label for="service">City:*</label>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="half pull-left">
                <div class="inner_prices">
                    <ul>
                        <li class="clearfix">
                            <input type="text" placeholder="E-mail">
                            <label for="service">E-mail:*</label>
                        </li>
                        <li class="clearfix">
                            <input type="text" placeholder="Surname">
                            <label for="service">Surname:*</label>
                        </li>
                        <li class="clearfix">
                            <input type="text" placeholder="Address">
                            <label for="service">Address:</label>
                        </li>
                        <li class="clearfix">
                            <input type="text" placeholder="Telephone">
                            <label for="service">Telephone:</label>
                        </li>
                        <li class="clearfix">
                            <select placeholder="Country">
                                <option value="">Country</option>
                                <option value="a">a</option>
                                <option value="b">b</option>
                            </select>
                            <label for="service">Country:*</label>
                        </li>
                    </ul>
                </div>

            </div>

        </div><!-- /passenger-->

        <div id="payment_method" class="secp clearfix">



            <div class="half pull-left">
                
                <h4>Methods of payment</h4>
                
                <div class="inner_prices">

                    <ul>
                        <li class="clearfix">
                            <input type="radio" name="payment_type" value="" checked="checked">

                            <label for="service">Credit card online</label>
                        </li>
                        <li class="clearfix">
                            <input type="radio" name="payment_type" value="" >

                            <label for="service">Credit card using offline authorization form</label>
                        </li>
                        <li class="clearfix">
                            <input type="radio" name="payment_type" value="" >

                            <label for="service">Bank transfer in EUR</label>
                        </li>
                        <li class="clearfix">
                            <input type="radio" name="payment_type" value="" >

                            <label for="service">Western Union</label>
                        </li>

                    </ul>
                </div>
            </div>

            <div class="half pull-left">
                
                <h4>Payment options</h4>
                
                <div class="inner_prices">

                    <ul>
                        <li class="clearfix">
                            <input type="radio" name="payment_amount_type" value="" checked="chcked">

                            <label for="service">Payment in full</label>
                        </li>
                        <li class="clearfix">
                            <input type="radio" name="payment_amount_type" value="" >

                            <label for="service">30% now and 70% balance upon arrival</label>
                        </li>

                    </ul>
                </div>
            </div>

        </div><!-- /payment_method-->

        <div id="terms" class="secp clearfix">

            <input type="checkbox" name="insurance">
            <label>
                I have read and accept the
                <a>general terms</a>
                and
                <a>conditions</a>
                <span class="emp">*</span>
            </label>

        </div><!-- /terms-->

    </div>

    <div class="hold_booknow">
        <input type="button" class="booknow" value="Make Reservation">  
    </div><!-- /booknow-->

</section>

<script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/libs/responsiveslides.min.js"></script>
<script src="js/libs/jquery-ui.min.js"></script>
<script src="js/libs/jquery.numeric.js"></script>
<script src="js/libs/jquery.jcarousel.min.js"></script>
<script src="js/libs/jquery.pikachoose.min.js"></script>
<script src="js/helper.js"></script>
<script src="js/search_box.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/details.js"></script>

</body>